// vant
@import 'vant/lib/style/var';

// colors(不可以使用 var 变量)
@gray-1: #f8f9fb;
@gray-2: #f1f3f7;
@gray-3: #e9ecf2;
@gray-4: #d9dde6;
@gray-5: #c6cad3;
@gray-6: #909399;
@gray-7: #606266;
@gray-8: #333538;

@theme-primary: #046bde;
@theme-primary-light: lighten(desaturate(@theme-primary, 20%), 35%);
@theme-primary-lighter: lighten(@theme-primary, 96% - lightness(@theme-primary));
@theme-primary-dark: darken(desaturate(@theme-primary, 20%), 10%);
@theme-primary-darker: darken(@theme-primary, lightness(@theme-primary) - 20%);
@theme-success: @green;
@theme-warn: @orange;
@theme-error: @red;
@theme-info: @blue;

@text-primary: @text-color;
@text-secondary: @gray-6;
@text-disabled: @gray-5;
@text-inverse: @white;

@box-shadow: 0 2px 20px 0 rgba(217, 221, 230, 0.4);

// vant reset
@primary-color: var(--theme-primary, @theme-primary);
@primary-light-color: var(--theme-primary-light, @theme-primary-light);
@primary-lighter-color: var(--theme-primary-lighter, @theme-primary-lighter);
@primary-dark-color: var(--theme-primary-dark, @theme-primary-dark);
@primary-darker-color: var(--theme-primary-darker, @theme-primary-darker);
@body-background: @gray-1;
@component-background: @white;
@text-link-color: @primary-color;
@green: #1abd80;
@red: #f95155;
@orange: #fda900;
@orange-dark: #e94709;
@blue: #046bde;

@active-opacity: 0.6;

@border-radius-root: 4px;
@border-radius-sm: @border-radius-root / 2;
@border-radius-md: @border-radius-root;
@border-radius-lg: @border-radius-root * 2;
@border-radius-md-l: 10px; // 特殊使用
@border-radius-xl: @border-radius-root * 4;
@border-radius-max: 999px;

// 主要用于大标题
@font-size-xl: 18px;
@font-size-xxl: 20px;
@font-size-xxxl: 28px;

@line-height-xl: 18px;
@line-height-xxl: 20px;
@line-height-xxxl: 26px;

@font-weight-black: 900;
@font-weight-bold: 700;
@font-weight-medium: 500;
@font-weight-regular: 400;
@font-weight-light: 300;
@font-weight-thin: 100;

/* button */
@button-primary-background-color: @primary-color;
@button-primary-border-color: @primary-color;
@button-disabled-opacity: 1;

/* cell */
@cell-line-height: 28px;

/* calendar */
@calendar-selected-day-background-color: @primary-color;

/* dialog */
@dialog-confirm-button-text-color: @primary-color;

/* dropdown */
@dropdown-menu-title-active-text-color: @primary-color;
@dropdown-menu-option-active-color: @primary-color;

/* index-bar */
@index-bar-index-active-color: @primary-color;

/* index-anchor */
@index-anchor-sticky-text-color: @primary-color;

/* overlay */
@overlay-background-color: rgba(0, 0, 0, 0.6);

/* step */
@step-active-color: @primary-color;
@step-finish-line-color: @primary-color;

/* tabs */
@tabs-default-color: @primary-color;

/* tabbar */
@tabbar-item-text-color: @gray-6;
@tabbar-item-active-color: @primary-color;
@tabbar-item-icon-size: 24px;

/* uploader */
@uploader-delete-background-color: rgba(0, 0, 0, 0.6);

/* NavBar */
@nav-bar-icon-color: @primary-color;

/* Tag */
@tag-primary-color: @primary-color;

/* checkbox */
@checkbox-checked-icon-color: @primary-color;

.van-cell:last-child::after {
  display: unset;
}
